<!DOCTYPE html>
<html>
	<head>
		<title>#{get 'title' /}</title>
		<meta charset="${_response_encoding}">
		#{stylesheet 'main.css'/}
		#{stylesheet 'style.css'/}
		#{get 'moreStyles' /}
		#{script src='jquery-1.9.1.min.js'/}
		#{script src='jquery.tabify.js'/}
		#{get 'moreScripts' /}
		<script>
			var $ = jQuery.noConflict();
			$(function() {
				$('#tabsmenu').tabify();
				$(".toggle_container").hide(); 
				$(".trigger").click(function(){
					$(this).toggleClass("active").next().slideToggle("slow");
					return false;
				});
			});
		</script>
	</head>
<body>
	<div id="panelwrap">
		<div class="header">
		    <div class="title"><a href="#">Iction</a></div>
		    <div class="header_right">&{'Welcome'} : ${user?.name}, <a href="#" class="settings">&{'Settings'}</a> <a href="@{Application.logout()}" class="logout">&{'Logout'}</a></div>
		    <div class="menu">
			    <ul>
				    <li><a href="@{Application.index()}" class="selected">&{'MainPage'}</a></li>
			    </ul>
		    </div>
	    </div>
	    <div class="submenu">
		    <ul>
		    #{list items:menus, as:'me'}
    			<li><a href="${me.url}" >&{me.name}</a></li>
			#{/list}
		    </ul>
	    </div>          
	                 
	    <div class="center_content"> 
	     	#{doLayout /}
		    <div class="sidebar" id="sidebar">
		    <h2>Browse categories</h2>
		        <ul>
		            <li><a href="#" class="selected">Main page</a></li>
		            <li><a href="#">Template settings</a></li>
		            <li><a href="#">Add page</a></li>
		            <li><a href="#">Edit section</a></li>
		            <li><a href="#">Templates</a></li>
		            <li><a href="#">Clients</a></li>
		        </ul>
		    <h2>Page Section</h2>
		        <ul>
		            <li><a href="#">Edit section</a></li>
		            <li><a href="#">Templates</a></li>
		            <li><a href="#">Clients</a></li>
		            <li><a href="#">Docs and info</a></li>
		        </ul> 
		    <h2>User Settings</h2>
		        <ul>
		            <li><a href="#">Edit user</a></li>
		            <li><a href="#">Add users</a></li>
		            <li><a href="#">Manage users</a></li>
		            <li><a href="#">Help</a></li>
		        </ul>   
		    <h2>Text Section</h2> 
		    <div class="sidebar_section_text">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		    </div>         
	    </div>             
	    
	    <div class="clear"></div>
	    </div> <!--end of center_content-->
	    
	    <div class="footer">
			Iction - Free Admin Collect from <a href="#" title="Iction" target="_blank">Iction.com</a>
		</div>
	</div>
    </body>
</html>
